<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3396380" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon xhAll">&#xe68c;</span>
                <div class="name">字典信息平台</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6bd;</span>
                <div class="name">数据字典</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe662;</span>
                <div class="name">蜘蛛网</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe663;</span>
                <div class="name">蜘蛛万圣节</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe664;</span>
                <div class="name">蜘蛛侠</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe66e;</span>
                <div class="name">组织机构</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe88f;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe88f;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe667;</span>
                <div class="name">邮箱</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe65b;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe660;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xeca6;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xeca6;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe65d;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe65a;</span>
                <div class="name">临时申请</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6ce;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6ac;</span>
                <div class="name">火箭</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xfbff;</span>
                <div class="name">充电桩</div>
                <div class="code-name">&amp;#xfbff;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe668;</span>
                <div class="name">账单_1</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xecb1;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xecb1;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe673;</span>
                <div class="name">积分商城－到顶部</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe996;</span>
                <div class="name">电,闪电,电力,电量</div>
                <div class="code-name">&amp;#xe996;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe655;</span>
                <div class="name">导航</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe659;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe651;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe653;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6de;</span>
                <div class="name">加载</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe64f;</span>
                <div class="name">加载</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe8e5;</span>
                <div class="name">303正确、完成</div>
                <div class="code-name">&amp;#xe8e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe64e;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe796;</span>
                <div class="name">正确</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe885;</span>
                <div class="name">中英切换</div>
                <div class="code-name">&amp;#xe885;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe686;</span>
                <div class="name">钉钉01</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe7e9;</span>
                <div class="name">企微会话存档</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe64d;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6db;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe64a;</span>
                <div class="name">任务</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe64c;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xea82;</span>
                <div class="name">24gf-playCircle</div>
                <div class="code-name">&amp;#xea82;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe648;</span>
                <div class="name">延期未完成</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe646;</span>
                <div class="name">购物车空</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe8bb;</span>
                <div class="name">关闭小</div>
                <div class="code-name">&amp;#xe8bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe65c;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe649;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe645;</span>
                <div class="name">已发货</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6a5;</span>
                <div class="name">待确认</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe709;</span>
                <div class="name">待确认</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xf948;</span>
                <div class="name">待发货</div>
                <div class="code-name">&amp;#xf948;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xf949;</span>
                <div class="name">待付款</div>
                <div class="code-name">&amp;#xf949;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xf94a;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xf94a;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe72d;</span>
                <div class="name">问号</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe644;</span>
                <div class="name">扫码</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xf94b;</span>
                <div class="name">分类-copy</div>
                <div class="code-name">&amp;#xf94b;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe658;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6a7;</span>
                <div class="name">认证企业</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe640;</span>
                <div class="name">我</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe63f;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe643;</span>
                <div class="name">开发平台</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe8a9;</span>
                <div class="name">36线路</div>
                <div class="code-name">&amp;#xe8a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe67d;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe63e;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe64b;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe63d;</span>
                <div class="name">维修</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe63c;</span>
                <div class="name">向右边</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe758;</span>
                <div class="name">右边</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6eb;</span>
                <div class="name">英语</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe63b;</span>
                <div class="name">结束</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe639;</span>
                <div class="name">缩小</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe63a;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe786;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe654;</span>
                <div class="name">前进-实</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe657;</span>
                <div class="name">后退-实</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe995;</span>
                <div class="name">扫码</div>
                <div class="code-name">&amp;#xe995;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe638;</span>
                <div class="name">金融2</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe680;</span>
                <div class="name">商城2</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe635;</span>
                <div class="name">首页-首页</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6ab;</span>
                <div class="name">短信联系我</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6a3;</span>
                <div class="name">短信设置</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe634;</span>
                <div class="name">喇叭</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe633;</span>
                <div class="name">向右</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe602;</span>
                <div class="name">左上</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe626;</span>
                <div class="name">向上</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe627;</span>
                <div class="name">右上</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe628;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe62a;</span>
                <div class="name">右下</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe62d;</span>
                <div class="name">向左</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe62f;</span>
                <div class="name">上箭头</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe630;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe631;</span>
                <div class="name">右箭头</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe632;</span>
                <div class="name">左箭头</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe647;</span>
                <div class="name">短信</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe624;</span>
                <div class="name">待支付订单</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe62c;</span>
                <div class="name">代理商</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe650;</span>
                <div class="name">开票登记-44</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe625;</span>
                <div class="name">上箭头</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe623;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe62e;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xec1e;</span>
                <div class="name">点</div>
                <div class="code-name">&amp;#xec1e;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe68f;</span>
                <div class="name">30B右双箭头</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe691;</span>
                <div class="name">30D上双箭头</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe692;</span>
                <div class="name">30C下双箭头</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe693;</span>
                <div class="name">30A左双箭头</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe629;</span>
                <div class="name">右箭头</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe61f;</span>
                <div class="name">房产</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe621;</span>
                <div class="name">车位</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe622;</span>
                <div class="name">关于</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe620;</span>
                <div class="name">访客</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe76f;</span>
                <div class="name">停车费用</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe61e;</span>
                <div class="name">车辆-01</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe67c;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe600;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe61c;</span>
                <div class="name">维修</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe61b;</span>
                <div class="name">爱心</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe61d;</span>
                <div class="name">心碎</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe65e;</span>
                <div class="name">快进</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe65f;</span>
                <div class="name">快退</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6b7;</span>
                <div class="name">save</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe900;</span>
                <div class="name">clear</div>
                <div class="code-name">&amp;#xe900;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe656;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe601;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe603;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe604;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe605;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe606;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe608;</span>
                <div class="name">无网络</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe609;</span>
                <div class="name">右箭头</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe60a;</span>
                <div class="name">历史</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe60b;</span>
                <div class="name">点赞2</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe60d;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe611;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe612;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe613;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe614;</span>
                <div class="name">问答</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe615;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe616;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe675;</span>
                <div class="name">密码可见</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe617;</span>
                <div class="name">关闭密码</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe618;</span>
                <div class="name">视频</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe66a;</span>
                <div class="name">上下移动箭头</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe619;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe61a;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe60e;</span>
                <div class="name">确认方案</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe677;</span>
                <div class="name">订单完成</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe879;</span>
                <div class="name">研判,成交,拍卖,锤子,法官</div>
                <div class="code-name">&amp;#xe879;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe6cc;</span>
                <div class="name">保证金记录表-</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe641;</span>
                <div class="name">个人信息</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe637;</span>
                <div class="name">修改密码</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe636;</span>
                <div class="name">编辑个人资料</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe60c;</span>
                <div class="name">在线联系</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe60f;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe690;</span>
                <div class="name">确认合同 确认 合同 确定</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xebcc;</span>
                <div class="name">个人信息_o</div>
                <div class="code-name">&amp;#xebcc;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe607;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe669;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe7d6;</span>
                <div class="name">图层</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe610;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe666;</span>
                <div class="name">成功</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe642;</span>
                <div class="name">个人</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe661;</span>
                <div class="name">企业</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe652;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon xhAll">&#xe62b;</span>
                <div class="name">手机号</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'xhAll';
  src: url('iconfont.woff2?t=1733466740941') format('woff2'),
       url('iconfont.woff?t=1733466740941') format('woff'),
       url('iconfont.ttf?t=1733466740941') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.xhAll {
  font-family: "xhAll" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="xhAll"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"xhAll" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon xhAll xhAll-zidianxinxipingtai"></span>
            <div class="name">
              字典信息平台
            </div>
            <div class="code-name">.xhAll-zidianxinxipingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shujuzidian"></span>
            <div class="name">
              数据字典
            </div>
            <div class="code-name">.xhAll-shujuzidian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zhizhuwang"></span>
            <div class="name">
              蜘蛛网
            </div>
            <div class="code-name">.xhAll-zhizhuwang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zhizhuwanshengjie"></span>
            <div class="name">
              蜘蛛万圣节
            </div>
            <div class="code-name">.xhAll-zhizhuwanshengjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zhizhuxia"></span>
            <div class="name">
              蜘蛛侠
            </div>
            <div class="code-name">.xhAll-zhizhuxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zuzhijigou"></span>
            <div class="name">
              组织机构
            </div>
            <div class="code-name">.xhAll-zuzhijigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-liebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.xhAll-liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-youxiang"></span>
            <div class="name">
              邮箱
            </div>
            <div class="code-name">.xhAll-youxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dingdan1"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.xhAll-dingdan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dingdan2"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.xhAll-dingdan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dingdan"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.xhAll-dingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xingzhuanggongnengtubiao-"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.xhAll-xingzhuanggongnengtubiao-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-linshishenqing"></span>
            <div class="name">
              临时申请
            </div>
            <div class="code-name">.xhAll-linshishenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dingwei2"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.xhAll-dingwei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-huojian"></span>
            <div class="name">
              火箭
            </div>
            <div class="code-name">.xhAll-huojian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-chongdianzhuang"></span>
            <div class="name">
              充电桩
            </div>
            <div class="code-name">.xhAll-chongdianzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zhangdan_"></span>
            <div class="name">
              账单_1
            </div>
            <div class="code-name">.xhAll-zhangdan_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-tongzhi"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.xhAll-tongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-daodingbu"></span>
            <div class="name">
              积分商城－到顶部
            </div>
            <div class="code-name">.xhAll-daodingbu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-lightning-full"></span>
            <div class="name">
              电,闪电,电力,电量
            </div>
            <div class="code-name">.xhAll-lightning-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-daohang"></span>
            <div class="name">
              导航
            </div>
            <div class="code-name">.xhAll-daohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dingwei1"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.xhAll-dingwei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-lianjie"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.xhAll-lianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.xhAll-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-jiazai1"></span>
            <div class="name">
              加载
            </div>
            <div class="code-name">.xhAll-jiazai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-jiazai"></span>
            <div class="name">
              加载
            </div>
            <div class="code-name">.xhAll-jiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zhengquewancheng"></span>
            <div class="name">
              303正确、完成
            </div>
            <div class="code-name">.xhAll-zhengquewancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-warning"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.xhAll-warning
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zhengque"></span>
            <div class="name">
              正确
            </div>
            <div class="code-name">.xhAll-zhengque
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zhongyingqiehuan"></span>
            <div class="name">
              中英切换
            </div>
            <div class="code-name">.xhAll-zhongyingqiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dingding01"></span>
            <div class="name">
              钉钉01
            </div>
            <div class="code-name">.xhAll-dingding01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-qiyehuihuacundang"></span>
            <div class="name">
              企微会话存档
            </div>
            <div class="code-name">.xhAll-qiyehuihuacundang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dizhi"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.xhAll-dizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shanchu1"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.xhAll-shanchu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-renwu"></span>
            <div class="name">
              任务
            </div>
            <div class="code-name">.xhAll-renwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-tupian"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.xhAll-tupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-24gf-playCircle"></span>
            <div class="name">
              24gf-playCircle
            </div>
            <div class="code-name">.xhAll-24gf-playCircle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-extension_not_completed"></span>
            <div class="name">
              延期未完成
            </div>
            <div class="code-name">.xhAll-extension_not_completed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-gouwuchekong"></span>
            <div class="name">
              购物车空
            </div>
            <div class="code-name">.xhAll-gouwuchekong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-guanbixiao"></span>
            <div class="name">
              关闭小
            </div>
            <div class="code-name">.xhAll-guanbixiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-icon-cross-empty"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.xhAll-icon-cross-empty
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-daifahuo1"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.xhAll-daifahuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-yifahuo"></span>
            <div class="name">
              已发货
            </div>
            <div class="code-name">.xhAll-yifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-daiqueren"></span>
            <div class="name">
              待确认
            </div>
            <div class="code-name">.xhAll-daiqueren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-daiqueren1"></span>
            <div class="name">
              待确认
            </div>
            <div class="code-name">.xhAll-daiqueren1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-daifahuo"></span>
            <div class="name">
              待发货
            </div>
            <div class="code-name">.xhAll-daifahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-daifukuan"></span>
            <div class="name">
              待付款
            </div>
            <div class="code-name">.xhAll-daifukuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-daishouhuo"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.xhAll-daishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-wenhao"></span>
            <div class="name">
              问号
            </div>
            <div class="code-name">.xhAll-wenhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-saoma1"></span>
            <div class="name">
              扫码
            </div>
            <div class="code-name">.xhAll-saoma1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-fenlei1-copy"></span>
            <div class="name">
              分类-copy
            </div>
            <div class="code-name">.xhAll-fenlei1-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-fenlei1"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.xhAll-fenlei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-renzhengqiye"></span>
            <div class="name">
              认证企业
            </div>
            <div class="code-name">.xhAll-renzhengqiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-my"></span>
            <div class="name">
              我
            </div>
            <div class="code-name">.xhAll-my
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-fenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.xhAll-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-kaifapingtai"></span>
            <div class="name">
              开发平台
            </div>
            <div class="code-name">.xhAll-kaifapingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xianlu"></span>
            <div class="name">
              36线路
            </div>
            <div class="code-name">.xhAll-xianlu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.xhAll-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-bianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.xhAll-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.xhAll-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-weixiu1"></span>
            <div class="name">
              维修
            </div>
            <div class="code-name">.xhAll-weixiu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiangyoubian"></span>
            <div class="name">
              向右边
            </div>
            <div class="code-name">.xhAll-xiangyoubian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-youbian"></span>
            <div class="name">
              右边
            </div>
            <div class="code-name">.xhAll-youbian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-yingyu"></span>
            <div class="name">
              英语
            </div>
            <div class="code-name">.xhAll-yingyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-jieshu"></span>
            <div class="name">
              结束
            </div>
            <div class="code-name">.xhAll-jieshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-suoxiao"></span>
            <div class="name">
              缩小
            </div>
            <div class="code-name">.xhAll-suoxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-fangda"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.xhAll-fangda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.xhAll-dingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-qianjin-shi"></span>
            <div class="name">
              前进-实
            </div>
            <div class="code-name">.xhAll-qianjin-shi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-houtui-shi"></span>
            <div class="name">
              后退-实
            </div>
            <div class="code-name">.xhAll-houtui-shi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-saoma"></span>
            <div class="name">
              扫码
            </div>
            <div class="code-name">.xhAll-saoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-jinrong2"></span>
            <div class="name">
              金融2
            </div>
            <div class="code-name">.xhAll-jinrong2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shangcheng2"></span>
            <div class="name">
              商城2
            </div>
            <div class="code-name">.xhAll-shangcheng2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shouye-shouye"></span>
            <div class="name">
              首页-首页
            </div>
            <div class="code-name">.xhAll-shouye-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-duanxinlianxiwo"></span>
            <div class="name">
              短信联系我
            </div>
            <div class="code-name">.xhAll-duanxinlianxiwo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-duanxinshezhi"></span>
            <div class="name">
              短信设置
            </div>
            <div class="code-name">.xhAll-duanxinshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-laba"></span>
            <div class="name">
              喇叭
            </div>
            <div class="code-name">.xhAll-laba
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiangyou"></span>
            <div class="name">
              向右
            </div>
            <div class="code-name">.xhAll-xiangyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zuoshang"></span>
            <div class="name">
              左上
            </div>
            <div class="code-name">.xhAll-zuoshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiangshang"></span>
            <div class="name">
              向上
            </div>
            <div class="code-name">.xhAll-xiangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-youshang"></span>
            <div class="name">
              右上
            </div>
            <div class="code-name">.xhAll-youshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiangxia"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.xhAll-xiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-youxia"></span>
            <div class="name">
              右下
            </div>
            <div class="code-name">.xhAll-youxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiangzuo"></span>
            <div class="name">
              向左
            </div>
            <div class="code-name">.xhAll-xiangzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shangjiantou"></span>
            <div class="name">
              上箭头
            </div>
            <div class="code-name">.xhAll-shangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiajiantou1"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.xhAll-xiajiantou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-youjiantou2"></span>
            <div class="name">
              右箭头
            </div>
            <div class="code-name">.xhAll-youjiantou2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zuojiantou"></span>
            <div class="name">
              左箭头
            </div>
            <div class="code-name">.xhAll-zuojiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-duanxin"></span>
            <div class="name">
              短信
            </div>
            <div class="code-name">.xhAll-duanxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-daizhifudingdan"></span>
            <div class="name">
              待支付订单
            </div>
            <div class="code-name">.xhAll-daizhifudingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dailishang"></span>
            <div class="name">
              代理商
            </div>
            <div class="code-name">.xhAll-dailishang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-kaipiaodengji-"></span>
            <div class="name">
              开票登记-44
            </div>
            <div class="code-name">.xhAll-kaipiaodengji-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xialajiantou1"></span>
            <div class="name">
              上箭头
            </div>
            <div class="code-name">.xhAll-xialajiantou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiajiantou"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.xhAll-xiajiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-ziyuanxhdpi"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.xhAll-ziyuanxhdpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dian"></span>
            <div class="name">
              点
            </div>
            <div class="code-name">.xhAll-dian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-a-30Byoushuangjiantou"></span>
            <div class="name">
              30B右双箭头
            </div>
            <div class="code-name">.xhAll-a-30Byoushuangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-a-30Dshangshuangjiantou"></span>
            <div class="name">
              30D上双箭头
            </div>
            <div class="code-name">.xhAll-a-30Dshangshuangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-a-30Cxiashuangjiantou"></span>
            <div class="name">
              30C下双箭头
            </div>
            <div class="code-name">.xhAll-a-30Cxiashuangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-a-30Azuoshuangjiantou"></span>
            <div class="name">
              30A左双箭头
            </div>
            <div class="code-name">.xhAll-a-30Azuoshuangjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-youjiantou1"></span>
            <div class="name">
              右箭头
            </div>
            <div class="code-name">.xhAll-youjiantou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-fangchan"></span>
            <div class="name">
              房产
            </div>
            <div class="code-name">.xhAll-fangchan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-chewei"></span>
            <div class="name">
              车位
            </div>
            <div class="code-name">.xhAll-chewei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-guanyu"></span>
            <div class="name">
              关于
            </div>
            <div class="code-name">.xhAll-guanyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-fangke"></span>
            <div class="name">
              访客
            </div>
            <div class="code-name">.xhAll-fangke
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-tingchefeiyong"></span>
            <div class="name">
              停车费用
            </div>
            <div class="code-name">.xhAll-tingchefeiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-cheliang-"></span>
            <div class="name">
              车辆-01
            </div>
            <div class="code-name">.xhAll-cheliang-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.xhAll-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dianhua"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.xhAll-dianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-weixiu"></span>
            <div class="name">
              维修
            </div>
            <div class="code-name">.xhAll-weixiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-aixin"></span>
            <div class="name">
              爱心
            </div>
            <div class="code-name">.xhAll-aixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xinsui"></span>
            <div class="name">
              心碎
            </div>
            <div class="code-name">.xhAll-xinsui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-toright"></span>
            <div class="name">
              快进
            </div>
            <div class="code-name">.xhAll-toright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-toleft"></span>
            <div class="name">
              快退
            </div>
            <div class="code-name">.xhAll-toleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-save"></span>
            <div class="name">
              save
            </div>
            <div class="code-name">.xhAll-save
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-clear"></span>
            <div class="name">
              clear
            </div>
            <div class="code-name">.xhAll-clear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-fuzhi"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.xhAll-fuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.xhAll-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.xhAll-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.xhAll-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.xhAll-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.xhAll-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-wuwangluo"></span>
            <div class="name">
              无网络
            </div>
            <div class="code-name">.xhAll-wuwangluo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-youjiantou"></span>
            <div class="name">
              右箭头
            </div>
            <div class="code-name">.xhAll-youjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-lishi"></span>
            <div class="name">
              历史
            </div>
            <div class="code-name">.xhAll-lishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-dianzan2"></span>
            <div class="name">
              点赞2
            </div>
            <div class="code-name">.xhAll-dianzan2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.xhAll-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-wode1"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.xhAll-wode1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shouji"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.xhAll-shouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.xhAll-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-wenda"></span>
            <div class="name">
              问答
            </div>
            <div class="code-name">.xhAll-wenda
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.xhAll-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-yanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.xhAll-yanzhengma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-mimakejian"></span>
            <div class="name">
              密码可见
            </div>
            <div class="code-name">.xhAll-mimakejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-guanbimima"></span>
            <div class="name">
              关闭密码
            </div>
            <div class="code-name">.xhAll-guanbimima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shipin"></span>
            <div class="name">
              视频
            </div>
            <div class="code-name">.xhAll-shipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shangxiayidongjiantou"></span>
            <div class="name">
              上下移动箭头
            </div>
            <div class="code-name">.xhAll-shangxiayidongjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-gbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.xhAll-gbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-tjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.xhAll-tjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-sousuoliebiao"></span>
            <div class="name">
              确认方案
            </div>
            <div class="code-name">.xhAll-sousuoliebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-complete"></span>
            <div class="name">
              订单完成
            </div>
            <div class="code-name">.xhAll-complete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-judge"></span>
            <div class="name">
              研判,成交,拍卖,锤子,法官
            </div>
            <div class="code-name">.xhAll-judge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-baozhengjinjilubiao"></span>
            <div class="name">
              保证金记录表-
            </div>
            <div class="code-name">.xhAll-baozhengjinjilubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-gerenxinxi"></span>
            <div class="name">
              个人信息
            </div>
            <div class="code-name">.xhAll-gerenxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-xiugaimima"></span>
            <div class="name">
              修改密码
            </div>
            <div class="code-name">.xhAll-xiugaimima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-bianjigerenziliao"></span>
            <div class="name">
              编辑个人资料
            </div>
            <div class="code-name">.xhAll-bianjigerenziliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-zaixianlianxi"></span>
            <div class="name">
              在线联系
            </div>
            <div class="code-name">.xhAll-zaixianlianxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.xhAll-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-hetong"></span>
            <div class="name">
              确认合同 确认 合同 确定
            </div>
            <div class="code-name">.xhAll-hetong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-geren"></span>
            <div class="name">
              个人信息_o
            </div>
            <div class="code-name">.xhAll-geren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.xhAll-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-wode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.xhAll-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-tuceng"></span>
            <div class="name">
              图层
            </div>
            <div class="code-name">.xhAll-tuceng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.xhAll-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-chenggong"></span>
            <div class="name">
              成功
            </div>
            <div class="code-name">.xhAll-chenggong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-geren1"></span>
            <div class="name">
              个人
            </div>
            <div class="code-name">.xhAll-geren1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-qiye"></span>
            <div class="name">
              企业
            </div>
            <div class="code-name">.xhAll-qiye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.xhAll-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon xhAll xhAll-shoujihao"></span>
            <div class="name">
              手机号
            </div>
            <div class="code-name">.xhAll-shoujihao
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="xhAll xhAll-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            xhAll" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zidianxinxipingtai"></use>
                </svg>
                <div class="name">字典信息平台</div>
                <div class="code-name">#xhAll-zidianxinxipingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shujuzidian"></use>
                </svg>
                <div class="name">数据字典</div>
                <div class="code-name">#xhAll-shujuzidian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zhizhuwang"></use>
                </svg>
                <div class="name">蜘蛛网</div>
                <div class="code-name">#xhAll-zhizhuwang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zhizhuwanshengjie"></use>
                </svg>
                <div class="name">蜘蛛万圣节</div>
                <div class="code-name">#xhAll-zhizhuwanshengjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zhizhuxia"></use>
                </svg>
                <div class="name">蜘蛛侠</div>
                <div class="code-name">#xhAll-zhizhuxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zuzhijigou"></use>
                </svg>
                <div class="name">组织机构</div>
                <div class="code-name">#xhAll-zuzhijigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-liebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#xhAll-liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-youxiang"></use>
                </svg>
                <div class="name">邮箱</div>
                <div class="code-name">#xhAll-youxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dingdan1"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#xhAll-dingdan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dingdan2"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#xhAll-dingdan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dingdan"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#xhAll-dingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xingzhuanggongnengtubiao-"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#xhAll-xingzhuanggongnengtubiao-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-linshishenqing"></use>
                </svg>
                <div class="name">临时申请</div>
                <div class="code-name">#xhAll-linshishenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dingwei2"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#xhAll-dingwei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-huojian"></use>
                </svg>
                <div class="name">火箭</div>
                <div class="code-name">#xhAll-huojian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-chongdianzhuang"></use>
                </svg>
                <div class="name">充电桩</div>
                <div class="code-name">#xhAll-chongdianzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zhangdan_"></use>
                </svg>
                <div class="name">账单_1</div>
                <div class="code-name">#xhAll-zhangdan_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-tongzhi"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#xhAll-tongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-daodingbu"></use>
                </svg>
                <div class="name">积分商城－到顶部</div>
                <div class="code-name">#xhAll-daodingbu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-lightning-full"></use>
                </svg>
                <div class="name">电,闪电,电力,电量</div>
                <div class="code-name">#xhAll-lightning-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-daohang"></use>
                </svg>
                <div class="name">导航</div>
                <div class="code-name">#xhAll-daohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dingwei1"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#xhAll-dingwei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-lianjie"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#xhAll-lianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#xhAll-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-jiazai1"></use>
                </svg>
                <div class="name">加载</div>
                <div class="code-name">#xhAll-jiazai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-jiazai"></use>
                </svg>
                <div class="name">加载</div>
                <div class="code-name">#xhAll-jiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zhengquewancheng"></use>
                </svg>
                <div class="name">303正确、完成</div>
                <div class="code-name">#xhAll-zhengquewancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-warning"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#xhAll-warning</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zhengque"></use>
                </svg>
                <div class="name">正确</div>
                <div class="code-name">#xhAll-zhengque</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zhongyingqiehuan"></use>
                </svg>
                <div class="name">中英切换</div>
                <div class="code-name">#xhAll-zhongyingqiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dingding01"></use>
                </svg>
                <div class="name">钉钉01</div>
                <div class="code-name">#xhAll-dingding01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-qiyehuihuacundang"></use>
                </svg>
                <div class="name">企微会话存档</div>
                <div class="code-name">#xhAll-qiyehuihuacundang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dizhi"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#xhAll-dizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shanchu1"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#xhAll-shanchu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-renwu"></use>
                </svg>
                <div class="name">任务</div>
                <div class="code-name">#xhAll-renwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-tupian"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#xhAll-tupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-24gf-playCircle"></use>
                </svg>
                <div class="name">24gf-playCircle</div>
                <div class="code-name">#xhAll-24gf-playCircle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-extension_not_completed"></use>
                </svg>
                <div class="name">延期未完成</div>
                <div class="code-name">#xhAll-extension_not_completed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-gouwuchekong"></use>
                </svg>
                <div class="name">购物车空</div>
                <div class="code-name">#xhAll-gouwuchekong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-guanbixiao"></use>
                </svg>
                <div class="name">关闭小</div>
                <div class="code-name">#xhAll-guanbixiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-icon-cross-empty"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#xhAll-icon-cross-empty</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-daifahuo1"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#xhAll-daifahuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-yifahuo"></use>
                </svg>
                <div class="name">已发货</div>
                <div class="code-name">#xhAll-yifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-daiqueren"></use>
                </svg>
                <div class="name">待确认</div>
                <div class="code-name">#xhAll-daiqueren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-daiqueren1"></use>
                </svg>
                <div class="name">待确认</div>
                <div class="code-name">#xhAll-daiqueren1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-daifahuo"></use>
                </svg>
                <div class="name">待发货</div>
                <div class="code-name">#xhAll-daifahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-daifukuan"></use>
                </svg>
                <div class="name">待付款</div>
                <div class="code-name">#xhAll-daifukuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-daishouhuo"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#xhAll-daishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-wenhao"></use>
                </svg>
                <div class="name">问号</div>
                <div class="code-name">#xhAll-wenhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-saoma1"></use>
                </svg>
                <div class="name">扫码</div>
                <div class="code-name">#xhAll-saoma1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-fenlei1-copy"></use>
                </svg>
                <div class="name">分类-copy</div>
                <div class="code-name">#xhAll-fenlei1-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-fenlei1"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#xhAll-fenlei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-renzhengqiye"></use>
                </svg>
                <div class="name">认证企业</div>
                <div class="code-name">#xhAll-renzhengqiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-my"></use>
                </svg>
                <div class="name">我</div>
                <div class="code-name">#xhAll-my</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-fenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#xhAll-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-kaifapingtai"></use>
                </svg>
                <div class="name">开发平台</div>
                <div class="code-name">#xhAll-kaifapingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xianlu"></use>
                </svg>
                <div class="name">36线路</div>
                <div class="code-name">#xhAll-xianlu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#xhAll-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-bianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#xhAll-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#xhAll-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-weixiu1"></use>
                </svg>
                <div class="name">维修</div>
                <div class="code-name">#xhAll-weixiu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiangyoubian"></use>
                </svg>
                <div class="name">向右边</div>
                <div class="code-name">#xhAll-xiangyoubian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-youbian"></use>
                </svg>
                <div class="name">右边</div>
                <div class="code-name">#xhAll-youbian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-yingyu"></use>
                </svg>
                <div class="name">英语</div>
                <div class="code-name">#xhAll-yingyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-jieshu"></use>
                </svg>
                <div class="name">结束</div>
                <div class="code-name">#xhAll-jieshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-suoxiao"></use>
                </svg>
                <div class="name">缩小</div>
                <div class="code-name">#xhAll-suoxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-fangda"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#xhAll-fangda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#xhAll-dingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-qianjin-shi"></use>
                </svg>
                <div class="name">前进-实</div>
                <div class="code-name">#xhAll-qianjin-shi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-houtui-shi"></use>
                </svg>
                <div class="name">后退-实</div>
                <div class="code-name">#xhAll-houtui-shi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-saoma"></use>
                </svg>
                <div class="name">扫码</div>
                <div class="code-name">#xhAll-saoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-jinrong2"></use>
                </svg>
                <div class="name">金融2</div>
                <div class="code-name">#xhAll-jinrong2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shangcheng2"></use>
                </svg>
                <div class="name">商城2</div>
                <div class="code-name">#xhAll-shangcheng2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shouye-shouye"></use>
                </svg>
                <div class="name">首页-首页</div>
                <div class="code-name">#xhAll-shouye-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-duanxinlianxiwo"></use>
                </svg>
                <div class="name">短信联系我</div>
                <div class="code-name">#xhAll-duanxinlianxiwo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-duanxinshezhi"></use>
                </svg>
                <div class="name">短信设置</div>
                <div class="code-name">#xhAll-duanxinshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-laba"></use>
                </svg>
                <div class="name">喇叭</div>
                <div class="code-name">#xhAll-laba</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiangyou"></use>
                </svg>
                <div class="name">向右</div>
                <div class="code-name">#xhAll-xiangyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zuoshang"></use>
                </svg>
                <div class="name">左上</div>
                <div class="code-name">#xhAll-zuoshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiangshang"></use>
                </svg>
                <div class="name">向上</div>
                <div class="code-name">#xhAll-xiangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-youshang"></use>
                </svg>
                <div class="name">右上</div>
                <div class="code-name">#xhAll-youshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiangxia"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#xhAll-xiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-youxia"></use>
                </svg>
                <div class="name">右下</div>
                <div class="code-name">#xhAll-youxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiangzuo"></use>
                </svg>
                <div class="name">向左</div>
                <div class="code-name">#xhAll-xiangzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shangjiantou"></use>
                </svg>
                <div class="name">上箭头</div>
                <div class="code-name">#xhAll-shangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiajiantou1"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#xhAll-xiajiantou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-youjiantou2"></use>
                </svg>
                <div class="name">右箭头</div>
                <div class="code-name">#xhAll-youjiantou2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zuojiantou"></use>
                </svg>
                <div class="name">左箭头</div>
                <div class="code-name">#xhAll-zuojiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-duanxin"></use>
                </svg>
                <div class="name">短信</div>
                <div class="code-name">#xhAll-duanxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-daizhifudingdan"></use>
                </svg>
                <div class="name">待支付订单</div>
                <div class="code-name">#xhAll-daizhifudingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dailishang"></use>
                </svg>
                <div class="name">代理商</div>
                <div class="code-name">#xhAll-dailishang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-kaipiaodengji-"></use>
                </svg>
                <div class="name">开票登记-44</div>
                <div class="code-name">#xhAll-kaipiaodengji-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xialajiantou1"></use>
                </svg>
                <div class="name">上箭头</div>
                <div class="code-name">#xhAll-xialajiantou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiajiantou"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#xhAll-xiajiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-ziyuanxhdpi"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#xhAll-ziyuanxhdpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dian"></use>
                </svg>
                <div class="name">点</div>
                <div class="code-name">#xhAll-dian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-a-30Byoushuangjiantou"></use>
                </svg>
                <div class="name">30B右双箭头</div>
                <div class="code-name">#xhAll-a-30Byoushuangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-a-30Dshangshuangjiantou"></use>
                </svg>
                <div class="name">30D上双箭头</div>
                <div class="code-name">#xhAll-a-30Dshangshuangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-a-30Cxiashuangjiantou"></use>
                </svg>
                <div class="name">30C下双箭头</div>
                <div class="code-name">#xhAll-a-30Cxiashuangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-a-30Azuoshuangjiantou"></use>
                </svg>
                <div class="name">30A左双箭头</div>
                <div class="code-name">#xhAll-a-30Azuoshuangjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-youjiantou1"></use>
                </svg>
                <div class="name">右箭头</div>
                <div class="code-name">#xhAll-youjiantou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-fangchan"></use>
                </svg>
                <div class="name">房产</div>
                <div class="code-name">#xhAll-fangchan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-chewei"></use>
                </svg>
                <div class="name">车位</div>
                <div class="code-name">#xhAll-chewei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-guanyu"></use>
                </svg>
                <div class="name">关于</div>
                <div class="code-name">#xhAll-guanyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-fangke"></use>
                </svg>
                <div class="name">访客</div>
                <div class="code-name">#xhAll-fangke</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-tingchefeiyong"></use>
                </svg>
                <div class="name">停车费用</div>
                <div class="code-name">#xhAll-tingchefeiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-cheliang-"></use>
                </svg>
                <div class="name">车辆-01</div>
                <div class="code-name">#xhAll-cheliang-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#xhAll-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dianhua"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#xhAll-dianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-weixiu"></use>
                </svg>
                <div class="name">维修</div>
                <div class="code-name">#xhAll-weixiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-aixin"></use>
                </svg>
                <div class="name">爱心</div>
                <div class="code-name">#xhAll-aixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xinsui"></use>
                </svg>
                <div class="name">心碎</div>
                <div class="code-name">#xhAll-xinsui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-toright"></use>
                </svg>
                <div class="name">快进</div>
                <div class="code-name">#xhAll-toright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-toleft"></use>
                </svg>
                <div class="name">快退</div>
                <div class="code-name">#xhAll-toleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-save"></use>
                </svg>
                <div class="name">save</div>
                <div class="code-name">#xhAll-save</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-clear"></use>
                </svg>
                <div class="name">clear</div>
                <div class="code-name">#xhAll-clear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-fuzhi"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#xhAll-fuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#xhAll-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#xhAll-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#xhAll-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#xhAll-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#xhAll-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-wuwangluo"></use>
                </svg>
                <div class="name">无网络</div>
                <div class="code-name">#xhAll-wuwangluo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-youjiantou"></use>
                </svg>
                <div class="name">右箭头</div>
                <div class="code-name">#xhAll-youjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-lishi"></use>
                </svg>
                <div class="name">历史</div>
                <div class="code-name">#xhAll-lishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-dianzan2"></use>
                </svg>
                <div class="name">点赞2</div>
                <div class="code-name">#xhAll-dianzan2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#xhAll-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-wode1"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#xhAll-wode1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shouji"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#xhAll-shouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#xhAll-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-wenda"></use>
                </svg>
                <div class="name">问答</div>
                <div class="code-name">#xhAll-wenda</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#xhAll-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-yanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#xhAll-yanzhengma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-mimakejian"></use>
                </svg>
                <div class="name">密码可见</div>
                <div class="code-name">#xhAll-mimakejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-guanbimima"></use>
                </svg>
                <div class="name">关闭密码</div>
                <div class="code-name">#xhAll-guanbimima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shipin"></use>
                </svg>
                <div class="name">视频</div>
                <div class="code-name">#xhAll-shipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shangxiayidongjiantou"></use>
                </svg>
                <div class="name">上下移动箭头</div>
                <div class="code-name">#xhAll-shangxiayidongjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-gbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#xhAll-gbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-tjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#xhAll-tjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-sousuoliebiao"></use>
                </svg>
                <div class="name">确认方案</div>
                <div class="code-name">#xhAll-sousuoliebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-complete"></use>
                </svg>
                <div class="name">订单完成</div>
                <div class="code-name">#xhAll-complete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-judge"></use>
                </svg>
                <div class="name">研判,成交,拍卖,锤子,法官</div>
                <div class="code-name">#xhAll-judge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-baozhengjinjilubiao"></use>
                </svg>
                <div class="name">保证金记录表-</div>
                <div class="code-name">#xhAll-baozhengjinjilubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-gerenxinxi"></use>
                </svg>
                <div class="name">个人信息</div>
                <div class="code-name">#xhAll-gerenxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-xiugaimima"></use>
                </svg>
                <div class="name">修改密码</div>
                <div class="code-name">#xhAll-xiugaimima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-bianjigerenziliao"></use>
                </svg>
                <div class="name">编辑个人资料</div>
                <div class="code-name">#xhAll-bianjigerenziliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-zaixianlianxi"></use>
                </svg>
                <div class="name">在线联系</div>
                <div class="code-name">#xhAll-zaixianlianxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#xhAll-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-hetong"></use>
                </svg>
                <div class="name">确认合同 确认 合同 确定</div>
                <div class="code-name">#xhAll-hetong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-geren"></use>
                </svg>
                <div class="name">个人信息_o</div>
                <div class="code-name">#xhAll-geren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#xhAll-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-wode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#xhAll-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-tuceng"></use>
                </svg>
                <div class="name">图层</div>
                <div class="code-name">#xhAll-tuceng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#xhAll-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-chenggong"></use>
                </svg>
                <div class="name">成功</div>
                <div class="code-name">#xhAll-chenggong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-geren1"></use>
                </svg>
                <div class="name">个人</div>
                <div class="code-name">#xhAll-geren1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-qiye"></use>
                </svg>
                <div class="name">企业</div>
                <div class="code-name">#xhAll-qiye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#xhAll-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#xhAll-shoujihao"></use>
                </svg>
                <div class="name">手机号</div>
                <div class="code-name">#xhAll-shoujihao</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
